<template>
  <div style="background:#f1f1f1">
    <p @click="$router.back(-1)" class="back_p"><span><i class="el-icon-arrow-left"></i>返回</span><span>项目督办详情</span></p>
    <el-table
      :data="tableData"
      style="width: 92%;font-size:13px;margin: 20px auto"
    >
      <el-table-column
        prop="name"
        label="序号"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        label="项目名称"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        label="所属类别"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        label="状态"
      >
      </el-table-column>
      <el-table-column
        prop="address"
        label="最后更新日期"
      >
      </el-table-column>
      <el-table-column
        label="操作"
        width="150"
      >
        <template slot-scope="scope">
          <el-button
            type="primary"
            size="small"
            @click="showS=true"
          >
            查看
          </el-button>
          <el-button
            type="primary"
            size="small"
            @click="showS2=true"
          >
            重填
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-dialog
      title="重填"
      :visible.sync="showS2"
    >
      <el-form labelWidth="140px">
        <el-form-item label="限填时间" style="width:100%">
          <el-input v-model="name"></el-input>
        </el-form-item>
        <el-form-item label="理由" style="width:100%">
          <el-input
            type="textarea"
            :rows="3"
            placeholder="请输入内容"
            v-model="description"
          >
          </el-input>
        </el-form-item>
        <el-form-item label="计划日期：" style="width:100%">
          <el-date-picker style="width:100%"
            v-model="value1"
            type="date"
            placeholder="选择日期"
          >
          </el-date-picker>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="showS = false">取 消</el-button>
        <el-button type="primary" @click="showS = false">提 交</el-button>
      </span>
    </el-dialog>

    <el-dialog
      title="基本信息"
      :visible.sync="showS"
      width="70%"
    >
      <el-form labelWidth="140px">
        <el-form-item label="所属指标：">
          1111  22222
        </el-form-item>
        <el-form-item label="所属类别：">
          1111
        </el-form-item>
        <el-form-item label="项目名称：">
          1111
        </el-form-item>
        <el-form-item label="项目概况：">
          1111
        </el-form-item>
        <el-form-item label="牵头部门：">
          1111
        </el-form-item>
        <el-form-item label="责任单位：">
          1111
        </el-form-item>
        <el-form-item label="计划开工时间：">
          1111
        </el-form-item>
        <el-form-item label="计划竣工时间：">
          1111
        </el-form-item>
        <el-form-item label="联系人：">
          1111
        </el-form-item>
        <el-form-item label="联系方式：">
          1111
        </el-form-item>
      </el-form>
      <el-table
        :data="tableData"
        style="width:92%;margin:20px auto"
      >
        <el-table-column
          label="更新时间"
          prop="id"
        >
        </el-table-column>
        <el-table-column
          label="状态"
          prop="name"
        >
        </el-table-column>
        <el-table-column
          label="整治照片"
          prop="desc"
        >
        </el-table-column>
        <el-table-column
          label="作证材料"
          width="100"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="small" @click="innerVisible=true">查看</el-button>
          </template>
        </el-table-column>
        <el-table-column
          label="备注"
          prop="status"
        >
        </el-table-column>
        <el-table-column
          fixed="right"
          label="操作"
          width="100"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="small" @click="showCheck=true">重填</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-dialog
        title="作证材料"
        :visible.sync="innerVisible"
        appendToBody
      >
        <el-table
          :data="tableData"
          style="width: 92%;font-size:13px;;margin: 20px auto"
        >

          <el-table-column
            prop="name"
            label="附件名称"
          >
          </el-table-column>
          <el-table-column
            prop="name"
            label="上传时间"
          >
          </el-table-column>
          <el-table-column
            label="操作"
            width="120"
          >
            <template slot-scope="scope">
              <el-button
                type="primary"
                size="small"
              >
                查看
              </el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-dialog>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      showS: false,
      showS2: false,
      innerVisible: false,
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄',
        tag: '家',
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄',
        tag: '公司',
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄',
        tag: '家',
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄',
        tag: '公司',
      }],
    };
  },
};
</script>

<style lang="stylus" scoped>
.el-form-item
  width 49%
  float left
.el-input--suffix .el-input__inner
  font-size 13px
.el-button
  font-size 13px
.back_p
  text-align center
  height 55px
  line-height 55px
  cursor pointer
  padding 0 30px
  background #fff
  box-shadow 0px 1px 5px #ccc
  span
    &:first-child
      float left
    &:last-child
      font-size 18px
      color #26a2ff
      padding-right 60px
.el-select
  width 14%
  margin-right 1%
.select_top
  width 92%
  margin 20px auto
.el-col
  padding: 20px 10px;
</style>
